<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>群组选择</title>

<link rel="stylesheet" href="/css/vendor/common.css" type="text/css">

<link href="/css/vendor/dispatch-email.less" rel="stylesheet/less" type="text/css">
<script src="/js/less.min.js"></script>

</head>

<body>

<main>
    <div class="group-select-1-wrap">
        <h1>质保推送列表:</h1>

        <div class="group-select">
            <div class="left-zone">
                <div class="title">
                    <label>选择您要添加的</label>
                </div>
                <div class="list-wrap">
                    <ul id="group-select-src-list">
                    </ul>
                </div>
            </div>

            <div class="right-zone">
                <div class="title">
                    <label>已选择联系人</label>
                </div>
                <div id="group-select-dest-list-wrap" class="list-wrap">
                    <ul id="group-select-dest-list">
                    </ul>
                </div>
            </div>

            <dic class="seperate-line"></dic>
        </div>

        <div class="bottom-bar">
            <label class="count">已选择<span id="group-select-dest-count">0</span><span class="cnt-unit">个联系人</span></label>
            <div class='btn-h button confirm' onClick=groupSelcetM.clickConfirm()>更 新</div>
        </div>
    </div>
</main>

</body>

<script src="/js/jquery-3.2.1.min.js"></script>
<script src="/js/vendor/dispatch-email.js"></script>

<script>

    // 测试代码
	var srcList = new Array();
	for (var i = 0; i < 16; i++) {
		var num = (15106317456 + i) + "";
		var item = {// icon:"group_selcet_head_icon.png",
				   uid:num,
				   detail: "hello-world@feimarobotics.com",
				   checked:(i%2==0)};
		srcList.push(item);
	}
	
    groupSelcetM.init()
                .updateSrcList(srcList);
    
	groupSelcetM.filterSrcDataCallback = function(value) {
		alert("过滤源数据: "+value);
		// 更新过滤后的数据
		// groupSelcetM.updateSrcList(srcList);
	};
	groupSelcetM.confirmCallback = function(list) {
		alert("点击了确定 已选择 "+list.length+" 项");	
	};
    
</script>

</html>






